<script setup>
import {reactive, ref,onMounted} from 'vue'
import {get,post}  from '@/myaxios'
import Top from '@/components/top.vue'
import Left from '@/components/left.vue'

</script>

<template>
    <el-container>
      <el-header><Top></Top></el-header>
      <el-container>
        <el-aside width="240px"><Left></Left></el-aside>
        <el-main><router-view></router-view></el-main>
      </el-container>
    </el-container>
</template>

<style scoped>
    .el-container{
        width: 100vw;
        height: 100vh;
        background-color: #fdfdfd;
    }
    .el-header{
        width: 100vw;
        height: 96px;
        line-height: 96px;
        background-image: url(../assets/logo2.png) ;
    }

    .el-aside{
        background-color: #fdfdfd;
        box-shadow: var(--el-box-shadow-dark);
    }
</style>